@webpack-cli/serve

Starting a development server

This command starts a development server using the configuration specified in 'webpack.config.js'. It automatically compiles your app as you make changes to the files, providing a live development environment.

npx webpack serve --config webpack.config.js

Custom server configuration

This code snippet shows how to customize the webpack development server by setting a specific port, automatically opening the browser after server starts, and setting up a proxy for API requests.

module.exports = {
  devServer: {
    port: 8080,
    open: true,
    proxy: {
      '/api': 'http://localhost:3000'
    }
  }
};

Enabling Hot Module Replacement (HMR)

This configuration enables Hot Module Replacement (HMR), which allows modules to be updated in the browser without requiring a full refresh, maintaining the state of the application.

module.exports = {
  devServer: {
    hot: true
  }
};